/*
flex: 0 0 auto;
flex 布局
 wrap属性：
    nowrap:不换行
    wrap:换行
justify属性：--------项目
    flex-start:左对齐
    flex-end:右对齐
    center:居中
    space-between:两端对齐，项目之间的间隔都相等
    space-around:每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍
align属性：------- 内容
    center:居中
    flex-start:上对齐
    flex-end:下对齐
    baseline:内容第一行文字基线对齐
    stretch:如果项目未设置高度或设为auto，将占满整个容器的高度
    initial: 设置该属性为它的默认值 如果下拉不出来可能是他的影响
direction属性：
    row:左到右
    row-reverse:右到左
    column:垂直
 */
@mixin flex($wrap:nowrap,$justify:flex-start,$align:center,$direction:row,$flex:flex) {
  display: $flex;
  flex-direction: $direction;
  flex-wrap: $wrap;
  align-items: $align;
  justify-content: $justify;
}

//height 和 line-height 相同
@mixin height($height) {
  height: $height !important;
  line-height: $height !important;
}


